<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>details</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3690691_77392ftc6q5.css">
    <link rel="stylesheet" href="../CSS/currency.min.css">
    <link rel="stylesheet" href="../CSS/details.min.css">
</head>

<body>

    <div class="header">
        <div class="toolbar w">
            <div class="left clear">
                <span><i class="iconfont icon-fangzi"></i><a href="./index.html">返回首页</a></span>
                <span>网站导航</span>
                <span>商家入驻</span>
                <span>客户服务</span>
                <span>网页无障碍</span>
            </div>
            <div class="right">
                <span class="log"><a href="./login.html?ReturnUrl=./details.html">请登录</a></span>
                <span class="reg"><a href="./register.html">注册有礼</a></span>
                <span>我的订单<i class="iconfont icon-xiala"></i></span>
                <span>我的易购<i class="iconfont icon-xiala"></i></span>
                <span>苏宁会员</span>
                <span class="shoppingCar"><i class="iconfont icon-gouwuche"></i><a href="./shoppingCar.html">购物车</a><i
                        class="iconfont icon-xiala"></i></span>
                <span>易付宝</span>
                <span>企业采购</span>
                <span>手机苏宁<i class="iconfont icon-xiala"></i></span>
            </div>
        </div>
    </div>

    <div class="index-header w">
        <a href="https://www.suning.com/"> <img class="logo"
                src="https://image1.suning.cn/uimg/cms/img/159642507148437980.png"></a>

        <div class="search">
            <div class="search-g">
                <i class=" iconfont  icon-sousuo1"></i>
                <input type="text" class="search-inp" placeholder="在本店搜索">
                <button class="btn">搜索</button>
            </div>
        </div>
    </div>


    <div class="container w">
        <!-- position:relative -->
        <div class="magnifier">
            <div class="magnifier-preview">
                <!-- <img class="smallImg" src="../images/girlsmall1.jpg" alt=""> -->
                <div class="shadow"></div>
            </div>
            <div class="magnifier-list">
                <!-- <ul class="list">
                    <li class="list-item"><img src="../images/girlsmall1.jpg" alt=""></li>
                </ul> -->
            </div>
            <div class="magnifier-scale">
                <!-- <img src="../images/girlbig1.jpg" alt="" class="bigImg"> -->
            </div>
        </div>
        <div class="item-info">

            <!-- <h3 class="title"> OPPO 一加 Ace Pro 16GB+256GB 黑森 享OPPO官方售后 骁龙8+旗舰芯 长寿版150W闪充 游戏稳帧引擎 5G游戏手机</h3>
            <div class="price">￥ 3799.00</div>
            <div class="colors">
                【气温骤降,寒潮来袭！限量抢购中！错过再等一年！】新一级能效，节能省电挚选，双导风板，运动送风体感更舒适，56℃净菌自洁搭配出风口可拆洗  更多好物一站购齐！爆款直降！猛戳》
            </div>
            <div class="types">
                <span>12+256</span>
                <span>16+256</span>
                <span>16+512</span>
            </div>
            <div class="buy">
                <span class="reduce">-</span>
                <input type="number" value="1" class="buyNum">
                <span class="add">+</span>
            </div>
            <div class="add">
                <button class="addToShoppingCar">加入购物车</button>
            </div> -->
        </div>
    </div>

</body>
<script src="../JS/tool.js"></script>
<script src="../JS/details.js"></script>

</html>